<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>Cheatsheet · Bootstrap v5.1</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/cheatsheet/">

    

    <!-- Bootstrap core CSS -->
<link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet">

    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>
      <!-- 王佳庆到此一游 -->
      <!-- 王佳庆到此一游 -->
      <!-- 王佳庆到此一游 -->
      <!-- 王佳庆到此一游 -->


    
    <!-- Custom styles for this template -->
    <link href="cheatsheet.css" rel="stylesheet">
  </head>
  <body class="bg-light">
    
<header class="bd-header bg-dark py-3 d-flex align-items-stretch border-bottom border-dark">
  <div class="container-fluid d-flex align-items-center">
    <h1 class="d-flex align-items-center fs-4 text-white mb-0">
      <img src="../assets/brand/bootstrap-logo-white.svg" width="38" height="30" class="me-3" alt="Bootstrap">
      学生信息管理系统
    </h1>
  </div>
</header>
<aside class="bd-aside sticky-xl-top text-muted align-self-start mb-3 mb-xl-5 px-2">
  <nav class="small" id="toc">
    <ul class="list-unstyled">
      <li class="my-2">
        <button class="btn d-inline-flex align-items-center collapsed" data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#contents-collapse" aria-controls="contents-collapse">学生信息管理系统主菜单</button>
        <ul class="list-unstyled ps-3 collapse" id="contents-collapse">
          <li><a class="d-inline-flex align-items-center rounded" href="#typography">新增学生</a></li>
          <li><a class="d-inline-flex align-items-center rounded" href="#images">编辑学生</a></li>
          <li><a class="d-inline-flex align-items-center rounded" href="#tables">学生信息展示</a></li>
        </ul>
      </li>
    </ul>
  </nav>
</aside>
<div class="bd-cheatsheet container-fluid bg-body">
  <section id="content">
    <article class="my-3" id="typography">
      <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
        <h3>新增学生</h3>
		<form role="form" onsubmit="addStudent()">
		  <div class="form-group">
		    <label for="name">姓名</label>
		    <input type="text" class="form-control" id="name" placeholder="请输入姓名">
		  </div>
		  <div class="form-group">
		    <label for="sex">性别</label>
		    <input type="text" class="form-control" id="sex" placeholder="请输入姓名">
		  </div>
		  <div class="form-group">
		    <label for="zhuanye">专业</label>
		    <input type="text" class="form-control" id="zhuanye" placeholder="请输入姓名">
		  </div>
		  <button type="submit" class="w-100 btn btn-lg btn-primary">提交</button>
		</form>
      </div>
    </article>
	
    <article class="my-3" id="images">
      <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
        <h3>编辑学生</h3>
		<div>
			<input type="text" class="form-control" id="queryStuNo" placeholder="请输入学号">
			<button class="w-100 btn btn-lg btn-primary" onclick="queryStudent()" >查询</button>
		</div>
		<form role="form" onsubmit="editStudent()">
		  <div class="form-group">
			  <label for="editStuNo">学号</label>
			  <input type="text" readonly="readonly" class="form-control" id="editStuNo" placeholder="请输入学号">
		  </div>
		  <div class="form-group">
		    <label for="editName">姓名</label>
		    <input type="text" class="form-control" id="editName" placeholder="请输入姓名">
		  </div>
		  <div class="form-group">
		    <label for="editSex">性别</label>
		    <input type="text" class="form-control" id="editSex" placeholder="请输入性别">
		  </div>
		  <div class="form-group">
		    <label for="editZhuanye">专业</label>
		    <input type="text" class="form-control" id="editZhuanye" placeholder="请输入姓名">
		  </div>
		  <button type="submit" class="w-100 btn btn-lg btn-primary">编辑提交</button>
		</form>
      </div>
    </article>
	
    <article class="my-3" id="tables">
      <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
        <h3>学生信息展示</h3>
      </div>

      <div>
        <div class="bd-example">
        <table class="table table-striped">
          <thead>
          <tr>
            <th scope="col">学号</th>
            <th scope="col">姓名</th>
            <th scope="col">性别</th>
            <th scope="col">专业</th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <th scope="row">1</th>
            <td>Mark</td>
            <td>Otto</td>
            <td>@mdo</td>
          </tr>
          <tr>
            <th scope="row">2</th>
            <td>Jacob</td>
            <td>Thornton</td>
            <td>@fat</td>
          </tr>
          <tr>
            <th scope="row">3</th>
            <td colspan="2">Larry the Bird</td>
            <td>@twitter</td>
          </tr>
          </tbody>
        </table>
        </div>
      </div>
    </article>
  </section>
</div>
	
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="../assets/dist/js/bootstrap.bundle.min.js"></script>
    <script src="cheatsheet.js"></script>
  </body>
</html>

